import React from 'react'
import '../../styles/Button.css'

function Button({ 
  children, 
  variant = 'primary', 
  size = 'medium', 
  onClick, 
  disabled = false,
  className = '',
  type = 'button'
}) {
  const buttonClasses = [
    'custom-button',
    `button-${variant}`,
    `button-${size}`,
    className
  ].filter(Boolean).join(' ')

  return (
    <button
      className={buttonClasses}
      onClick={onClick}
      disabled={disabled}
      type={type}
    >
      {children}
    </button>
  )
}

export default Button 